Skip to main content

Custom Colors and Images

Custom Colors and Images

You can provide your own Images and Colors for components.

Just provide bundles for your Images.xcassets and/or Colors.xcassets :

// Example: configure custom source
DXChartApp.resourceManager = DXCResourceManager(colorBundle: .main,
imageBundle: .main)

Note: Provide dark and light images/colors to see expected result for these themes.

Your Images.xcassets and/or Colors.xcassets should contain following names for images/colors:

internal enum DXImages: String {
    case accentColor = "AccentColor"
    case arc = "Arc"
    case callout = "Callout"
    case curve = "Curve"
    case cycle = "Cycle"
    case dateAndPriceRange = "Date and price range"
    case dateRange = "Date range"
    case elliottImpulse = "Elliott impulse"
    case elliottCorrection = "ElliottCorrection"
    case extendedLine = "Extended line"
    case fibArcs = "Fib arcs"
    case fibChannel = "Fib channel"
    case fibCircles = "Fib circles"
    case fibExtension = "Fib extension"
    case fibRays = "Fib rays"
    case fibRetracements = "Fib retracements"
    case fibSpiral = "Fib spiral"
    case fibTimeExtension = "Fib time extension"
    case fibTimeRatios = "Fib time ratios"
    case fibTimezone = "Fib timezone"
    case gannBox = "Gann box"
    case gannFan = "Gann fan"
    case gannSquare = "Gann square"
    case highlighter = "Highlighter"
    case horizontalRay = "Horizontal ray"
    case icon = "Icon"
    case infoLine = "Info line"
    case oval = "Oval"
    case path = "Path"
    case pitchfork = "Pitchfork"
    case plus = "Plus"
    case priceLabel = "Price label"
    case priceLine = "Price line"
    case priceRange = "Price range"
    case rrLong = "RR long"
    case rrShort = "RR short"
    case ray = "Ray"
    case rectangle = "Rectangle"
    case regressionTrend = "Regression trend"
    case textFormating = "Text formating"
    case timeLine = "Time line"
    case trendChannel = "Trend channel"
    case trendLine = "Trend line"
    case vwap = "VWAP"
    case xabd = "XABD"
    case addIndicator = "addIndicator"
    case arrow = "arrow"
    case arrowDown = "arrowDown"
    case arrowUp = "arrowUp"
    case backButtonSettings = "backButtonSettings"
    case bin = "bin"
    case brush = "brush"
    case candles = "candles"
    case colorPicker = "colorPicker"
    case colorSettings = "colorSettings"
    case colorThumb = "colorThumb"
    case colorTick = "colorTick"
    case delete = "delete"
    case dxRemove = "dxRemove"
    case favourite = "favourite"
    case favouriteFill = "favouriteFill"
    case fidelityLogo = "fidelityLogo"
    case lineType = "lineType"
    case lineWidth = "lineWidth"
    case logoSample = "logoSample"
    case magnedMode = "magnedMode"
    case pause = "pause"
    case pencil = "pencil"
    case plusButton = "plusButton"
    case redoDrawing = "redoDrawing"
    case removeIndicator = "removeIndicator"
    case rightChevron = "rightChevron"
    case search = "search"
    case settings = "settings"
    case sliderThumb = "sliderThumb"
    case studies = "studies"
    case text = "text"
    case tick = "tick"
    case timezoneChevron = "timezoneChevron"
    case undoDrawing = "undoDrawing"
    case chessboard = "Chessboard"
}
internal enum DXColors: String {
    case askButtonBg = "ask-button-bg"
    case askTextColor = "ask-text-color"
    case bidButtonBg = "bid-button-bg"
    case bidTextColor = "bid-text-color"
    case buttonFocusBorder = "button-focus-border"
    case buttonPrimaryBorderDefault = "button-primary-border-default"
    case buttonPrimaryDefaultText = "button-primary-default-text"
    case buyHoverBg = "buy-hover-bg"
    case colorButtonBorder = "color_button_border"
    case colorPaletteSetEight3 = "color_palette-set_eight-3"
    case colorPaletteSetEleven3 = "color_palette-set_eleven-3"
    case colorPaletteSetFive3 = "color_palette-set_five-3"
    case colorPaletteSetFour3 = "color_palette-set_four-3"
    case colorPaletteSetNine3 = "color_palette-set_nine-3"
    case colorPaletteSetNine4 = "color_palette-set_nine-4"
    case colorPaletteSetSeven3 = "color_palette-set_seven-3"
    case colorPaletteSetThree3 = "color_palette-set_three-3"
    case colorPaletteSetTwo3 = "color_palette-set_two-3"
    case conferenceCallColor = "conferenceCall_color"
    case dividendsColor = "dividends_color"
    case drawingHandleNegativeBg = "drawing-handle-negative-bg"
    case drawingHandlePositiveBg = "drawing-handle-positive-bg"
    case drawingIconBorderBg = "drawing-icon_border-bg"
    case dropdownDescriptionText = "dropdown-description-text"
    case dropdownListItemDefaultText = "dropdown-list_item-default-text"
    case dropdownListItemHoveredBg = "dropdown-list_item-hovered-bg"
    case dropdownListItemSelectedText = "dropdown-list_item-selected-text"
    case dxClearColor = "dxClearColor"
    case earningColor = "earning_color"
    case iconActiveBg = "icon-active-bg"
    case iconActiveDisabledDefaultBg = "icon-active-disabled-default-bg"
    case iconDisabledDefaultBg = "icon-disabled-default-bg"
    case iconPrimaryDefaultBg = "icon-primary-default-bg"
    case iconSecondaryDefaultBg = "icon-secondary-default-bg"
    case inputDisabledText = "input-disabled-text"
    case keyboardBg = "keyboard-bg"
    case mButtonPrimaryDefault = "m-button-primary-default"
    case mButtonDisabled = "m-button_disabled"
    case mDropdownDefaultBg = "m-dropdown-default-bg"
    case mNotificationBodyText = "m-notification_body-text"
    case mNotificationHeaderText = "m-notification_header-text"
    case mSeparator = "m-separator"
    case mainChartBg = "main-chart-bg"
    case mainChartValueText = "main_chart-value-text"
    case newsBg = "newsBg"
    case splitColor = "split_color"
    case suspendedText = "suspended_text"
    case suspendedBg = "suspendedBg"
    case textSelectionBg = "text-selection-bg"
    case timezoneColor = "timezone-color"
    case verticalSliderLines = "vertical-slider-lines"
    case textColor = "textColor"
    case timeframeSelected = "timeframeSelected"
    case aggregationSelectedCellText = "aggregationSelectedCellText"
    case indicatorValueBg = "indicatorValueBg"
    case buttonBorder = "button-border"
}